import React, { Component } from "react";
// 组件
import MainLayout from "@component/mainLayout/mainLayout";
import Button from "@component/button/index";

import yhTools from "@tools/yh";

import "./error404.scss";

import errorIcon from "@images/404.png";

/**
 * 描述：404错误页面
 * 作者：zenghq
 * 日期：2021-03-22
 */
class error404 extends Component {
	constructor(props) {
		super(props);
		this.state = {};
	}
	/*******************生命周期 start************************/
	componentDidMount = () => {};
	componentWillUnmount = () => {};
	/*******************生命周期 end************************/

	/*******************业务方法 start************************/
	/*******************业务方法 end************************/

	/*******************点击事件 start************************/
	clickBtn = () => {
		yhTools.closePage();
	};
	/*******************点击事件 end************************/

	/**渲染 */
	render() {
		const _pageParams = {
			header: {
				title: "页面找不到啦"
			},
			history: this.props.history,
			cacheLifecycles: this.props.cacheLifecycles
		};
		return (
			<MainLayout pageParams={_pageParams}>
				<div className="error404-content">
					<div className="error-box">
						　<img src={errorIcon} />
						<p>页面未找到</p>
					</div>
					<div className="error_flooer-box">
						<Button className="button" onClick={this.clickBtn}>
							退出
						</Button>
					</div>
				</div>
			</MainLayout>
		);
	}
}

export default error404;
